草庐IT

Angular 2 表单

全部标签

javascript - Angular 2 - 延迟加载模块的生命周期 Hook

我正在使用延迟加载的Angular模块开发应用程序。我有一个简单的问题:是否可以在加载模块时捕获事件?例如OnInit。此链接解释了生命周期Hook,但它仅适用于组件:Lifecyclehooksforcomponents我找不到任何说明如何挂接模块的文档。有人知道如何解决这个问题吗?谢谢 最佳答案 延迟加载模块的构造函数应该这样做@NgModule({...})exportclassMyLazyModule{constructor(/*serviceinjectionhereifrequired*/){console.log('l

javascript - Angular 路由 : Instance Creation vs Instance Activation

AngularRouting文档提到了组件实例创建、组件实例激活和路由激活。文档没有解释这些概念的区别,以及每次创建/激活发生的时间。问题实例创建和实例激活有什么区别?实例激活和路由激活有什么区别?实例激活是否总是与实例创建同时发生?总结:不清楚组件实例激活和路由激活的真正含义,以及它们与组件实例的关系创作(尤其是时间安排)。已知信息实例创建组件实例由Angular在不同类型的组件之间导航时创建在同一组件的实例之间导航时,默认会重复使用这些实例实例激活当浏览器的位置URL更改以匹配路径段(例如/crisis-center)时,路由器会激活相应组件(例如CrisisListCompone

javascript - TypeScript/Angular try catch,try block 中的任何错误都不会捕获 block

我正在使用Angular和TypeScript。我已经使用trycatch构造在API调用的情况下进行错误处理。如果在tryblock中发生任何错误,它根本不会进入catchblock。应用程序仅在那里终止。我也尝试过使用throw。这是一个示例代码片段,try{this.api.getAPI(Id).subscribe(//this.apiismyapiserviceandgetAPIispresentthere(data:any)=>{if(data==null){throw'Emptyresponse';}},(error:HttpErrorResponse)=>{console

javascript - 当焦点在 HTML 表单上丢失时如何重新聚焦到文本字段?

HTML表单上只有一个文本字段。用户输入一些文本,按Enter键,提交表单,然后重新加载表单。主要用途是条码读取。我使用以下代码将焦点设置到文本字段:它大部分时间都有效(如果没有人触摸屏幕/鼠标/键盘)。但是,当用户单击浏览器窗口中字段外的某处(空白区域)时,光标会消失。一个单字段HTML表单,如何防止光标丢失?或者,如何在光标丢失后将光标重新聚焦在字段内?谢谢! 最佳答案 Darin的回答是正确的,但在Firefox中不起作用。如果你也想在Firefox中窃取焦点,你必须将它延迟到事件之后:或者,更好的是,从JavaScript分

javascript - 如何提交表单 onkeyup Action

我正在尝试保存表单onkeyup操作。我是jQuery新手。这可能吗?感谢任何帮助。编辑1:保存表单意味着保存到服务器。有没有办法增加0.2秒的延迟。 最佳答案 此代码将在keyup上提交您的表单$('#element').bind('keyup',function(){$('#form').delay(200).submit();});在此代码中,您拦截表单提交并使用ajax提交更改它$("#form").submit(function(event){event.preventDefault();$.ajax({type:"pos

javascript - JQuery - 表单验证 - Onblur

好的,我有一个可以使用jquery验证的表单,但我想更进一步。它使用插件进行验证,但仅在提交时进行验证。我想知道是否有办法让它在blur上进行验证,这样人们就不必等到他们点击提交才知道他们是否有错误。我下载了这个插件:http://docs.jquery.com/Plugins/Validation我在页面顶部包含了js插件文件,在该文件下我有js:$(document).ready(function(){$("#formid").validate();});当我提交表单时,验证工作正常。我只是想知道我需要添加什么才能使其在模糊时验证每个字段。如果你需要查看js文件,你可以在这里查看或

javascript - Angular : Variations in a template based on a attribute

假设我在AngularJS网络应用程序中有一个Controller,它有一个数据数组,用于存储非常相似但需要不同模板的对象,具体取决于成员变量“类型”。例如:functionfooCtrl($scope){$scope.bar=[{"name":"example1","type":"egType1","text":"Someexampletext"},{"name":"example2","type":"egType2","text":"Someexampletext"},{"name":"example3","type":"egType3","text":"Someexamplete

javascript - 为什么赋值在 Angular 表达式中并不总是有效?

我刚刚在Angular表达式中发现了这个有趣的明显不一致:可以在表达式中执行赋值如果赋值涉及来自ngRepeat的局部变量,这将中断这可以通过使用Controller中定义的setter而不是表达式中的赋值来克服SeePlunkerdocsonexpressions似乎只是明确禁止表达式中的控制流,我没有看到任何提及上述行为的类型。我想由此得出的结论是,无论如何使用setter可能是一种更好的设计模式,但是有没有人知道关于表达式中可能的内容的更明确的引用?如果Angular单方面禁止在其中赋值,也许会更好。(一个相关的不一致是,似乎可以在表达式中递增i=i+1而不是i+=1...)

javascript - 当名称字段中包含 .(点)时,如何使用 angularjs 验证表单?

在我的表单中,我有一个带有name="Customer.Firstname"的输入标签,所以当我在angularjs中引用name值时,它只将customer作为值,而.Firstname将无法识别。这是我的代码:FirstName这里我试图在文本框为空时隐藏标签。我该怎么做? 最佳答案 您可以使用bracketnotation使用点访问keyFirstName演示:Fiddle这可以重写为FirstName演示:Fiddle 关于javascript-当名称字段中包含.(点)时,如何使

javascript - 不显示 Angular 谷歌地图

我正在创建一个应用程序,其中有一个拼车模块。现在我想显示一张map,您可以在map上看到离您最近的拼车者。但是,map不会显示..我正在使用来自的指令http://nlaplante.github.io/angular-google-maps/我已经将google-maps添加到我的依赖项中,指令被替换为googlemap,但它没有显示任何内容。在我看来我有这个指令:我的Controller中有所有变量:$scope.center={latitude:45,longitude:-73};$scope.markers=[];$scope.zoom=8;当我打开firebug时,出现以下错